const {resolve} = require('path');
const HTMLWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
// dev: 'webpack-dev-server'
module.exports = {
	mode: 'production',
	// entry: {
		// index: {
		// 	import: './index.js',
		// 	dependOn: ['axios', 'a']
		// },
		// main: {
		// 	import: './main.js',
		// 	dependOn: ['axios', 'a']
		// },
		// axios: 'axios',
		// a: './js/a.js'
		// index: "./index.js",
		// main: './main.js'
	// },
	entry: './index.js',
	output: {
		path: resolve(__dirname, 'dist'),
		filename: 'js/[name].js',
		clean: true
	},
	plugins: [
		new HTMLWebpackPlugin({
			template: './index.html',
			filename: 'index.html',
			title: 'webpack-plugin'
		}),
		new MiniCssExtractPlugin({
			filename: '[name].css'
		})
	],
	// 优化
	// optimization: {
	// 	splitChunks: {
	// 		// async表示只从异步加载得模块（动态加载import()）里面进行拆分
	// 		// initial表示只从入口模块进行拆分
	// 		// all表示以上两者都包括
	// 		chunks: "all"
	// 	}
	// }
}
